<!-- 
  Kuda includes a library and editor for authoring interactive 3D content for the web.
  Copyright (C) 2011 SRI International.

  This program is free software; you can redistribute it and/or modify it under the terms
  of the GNU General Public License as published by the Free Software Foundation; either 
  version 2 of the License, or (at your option) any later version.
 
  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
  See the GNU General Public License for more details.
 
  You should have received a copy of the GNU General Public License along with this program; 
  if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 
  Boston, MA 02110-1301 USA.
-->

<div id="fogFormDialog">
	<form id="fogForm" method="post">
		<fieldset>
			<legend>
				Edit Fog Parameters
			</legend>
			<ol>
				<li>
					<div class="onOff">
						<input type="checkbox" id="fogFormOnOff" value="1" />
						<label class="check" for="fogFormOnOff"></label>
						<label class="info" for="fogFormOnOff">Show Fog</label>
					</div>	
				</li>
				<li>
					<label id="fogFormColorLbl" for="fogFormColorR">Color</label>
				</li>
				<li>
					<label for="fogFormStart" class="long">Start distance</label>
					<input type="text" id="fogFormStart" class="short" />
				</li>
				<li>
					<label for="fogFormEnd" class="long">Visibility distance</label>
					<input type="text" id="fogFormEnd" class="short" />
				</li>
			</ol>
		</fieldset>
        <fieldset id="fogFormSave">
            <legend>
                Save Fog
            </legend>
            <ol>
                <li>
                    <div class="buttons">
                        <button id="fogFormSaveBtn" disabled="disabled">
                            Save
                        </button>
                        <button id="fogFormCancelBtn" disabled="disabled">
                            Cancel
                        </button>
                    </div>
                </li>
            </ol>
        </fieldset>
	</form>
</div>